<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>模板语法</title>
    <!-- 引入 Vue -->
    <script type="text/javascript" src="../node_modules/vue/dist/vue.js"></script>
</head>

<body>
    <!-- 准备一个容器  -->
    <div id="app">

        精通语言：<br>
        <input type="checkbox" v-model="language" value="Java"> Java <br>
        <input type="checkbox" v-model="language" value="PHP"> PHP <br>
        <input type="checkbox" v-model="language" value="Python"> Python <br>
        选中了 {{language.join("，")}}
    </div>

    <script type="text/javascript">
    
        Vue.config.productionTip = false; // 设置为 false 以阻止 vue 在启动时生成生产提示。
        // 创建 Vue 实例
        let vm = new Vue({
            el: '#app',
            data: {
                language: []
            }
        });
    </script>
</body>

</html>